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METHOD AND SYSTEM FOR AUTHORING CONTENT 

This invention relates to a method of authoring content, especially content 
to be processed by a web server. It also relates to a system for authoring 
5 such content. 

The delivery of information to computing devices remote from a server is 
well known and is becoming more prevalent with the increase in popularity 
of the internet and the world wide web. Presently, there is a growing trend 

10 to access data from a variety of different devices. For example WAP 
enabled telephones, web enabled television sets, computers such as PCs, 
PDAs and the like are all being used to access information across networks. 
It will be appreciated that such a diversity of devices with different 
capabilities for handling and displaying data presents interesting challenges 

15 for the author of documents that are to be processed by a web server or 
browser in order to tailor the document to each device. It is therefore 
becoming more important that the author is provided with the tools required 
to author web content in a flexible, and easily revised manner. 

20 There is also a drive to simplify the authoring process in that there is a 
continuous need in many cases to revise the authored content to alter its 
appearance or actual content over time. For example, a colour scheme or 
layout for a corporate web site may need to be changed if the company has a 
change of branding. Alternatively, it may be desirable to make regular 

25 changes to reflect the changing nature of the content of the web pages. For 
example, a web page publishing details of the weather may require a daily 
update of its content. A web page that is out of date or contains obsolete 
information gives a poor impression to a client of the owner of the site. 

30 At the time of writing, the standard tools for use by an author in generating, 
or "authoring'' web content such as a document defining a web page, 
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provide the author with a way to create a layout document and place some 
content within the layout with some style applied to it. An example of a 
simple web page document 200 is shown in Figure 2 of the accompanying 
drawings. The layout document 200 defines four discrete areas of a web 
5 page 201, 202, 203 and 204. The content in each area is the logo 205 in area 
201, the horizontal block of text 206 in area 202, the vertical column of text 
207 in area 203 and both the horizontal block of text 208 and the table of 
cars/prices 209 in area 204. 

10 The standard tools typically prompt the author to produce a document (such 
as the one shown in Figure 2) in which the content and the style are 
embedded in a single file defining the document. This makes it difficult to 
re-organise the layout without moving the content or change the content 
without reorganising the layout. 

15 

One development intended to simplify the process of authoring web content 
to be processed by a web server or web browser is to provide style sheets. A 
style sheet is a set of rules which can be applied to a document in order to 
control the style of presentation of the content of that document. They can 
20 either apply a style to a whole document or perhaps to just a part of the 
document. As such, they allow the author to separate the style from the 
content. A similar approach occurs for directly referring to images and 
sometimes content. In each case, the finished web page when rendered will 
appear the same. 

25 

By following aspects of the present invention to provide a method and a 
system for authoring web content which may provide the author with more 
flexibility in subsequent adaptation of the authored web content. 

30 According to a first aspect the invention provides a method of authoring 
content to be served comprising: 
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authoring a layout document which defines at least one area of a document 
which includes the content to be published; 

authoring at least one binding element which defines the identity and 
location of at least portion of content and at least one style description 
5 which defines a style to be applied to a selected portion of content; 

in which the step of authoring the layout document includes allocating to 
the at least one defined area a director to at least one binding document of 
the or each binding element such that when processed the published 
document includes in the defined area the content as directed by the binding 
10 element in the style as directed by the binding element. 

The content to be served may be, for example, processed by a web server 
for serving to clients. 

15 By providing a binding element the content and the style description are 
separated from the layout document and are only referred to by the layout 
document indirectly. This is different from the prior art in which content 
and/or style are embedded within, or directly referred to, in the layout 
document. This allows the author greater flexibility should they 

20 subsequently wish to make changes to the layout, content and/or style. 

The method may comprise at least one binding element which does not 
itself contain any style or content, only containing directors to style or 
content. 

25 

It will be readily understood that by "published document" we may mean a 
page of a web site or a part of a page or a collection of pages. The content 
may be suitable for rendering on one or more of a wide variety of devices 
such as PDAs, PCs, telephones etc. The content may comprise a web page, 
30 and may have active content such as forms, buttons, links etc. 
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The method may comprise providing content in the form of an electronic 
file which may contain a portion of text, or an image, or perhaps a 
combination of text and image content. The file may comprise a portion of 
code written for example in a mark-up language such as XML, XSL-FO or 
5 CSS. This may, for example, be produced using a text editor. 

The method may comprise providing at least one style description which 
also comprises an electronic file such as a portion of code written for 
example in a mark-up language such as XML. Again this may be simply 
10 produced using a text editor. 

The method may comprise defining at least one director provided in the 
layout document which may comprise an attribute, and each binding 
element may comprise an entity which may be allocated a unique label 
15 referenced by the attribute. 

The layout document may further be authored to include in the at least one 
area a label or attribute indicating the type of content that is to be provided, 
such as a label to indicate that the content for that area is a header or an 
20 image. 

More than one style description may be provided, and these may be as 
separate electronic files or as sub-portions of a single file. Where they are 
sub-portions the start and end of each sub-portion may be indicated by 
25 delimiting tags. 

A single binding element may define the identity and location of more than 
one style description where more than one style description is provided. 
Similarly, it may define the identity and location of more than one portion 
30 of content. For example, if an area of the layout is to contain two 
paragraphs of text, each different and in a different style, a director to a 
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single binding element indicating the identity and location of two portions 
of text (the two portions of content) and two style descriptions, may be 
provided. 

Two or more binding elements may direct to a common portion of content 
or style description. Sharing content and/or style descriptions in this way 
further simplifies the task of the author and makes it simple to make wide 
ranging changes to the content and/or style without having to edit the 
binding elements or the layout document. 

More than one binding element may be provided, and the layout document 
may include a director to each binding element or perhaps to a subset of the 
total number of binding elements. It is envisaged, for example, that a 
number of binding elements may be defined which can be used across a 
number of authored web content documents. They may not all be required 
for every one of the documents. 

It will be appreciated that the first aspect of the invention allows an author 
to author a document in such a manner that it is relatively straightforward to 
20 adapt the content for use on a range of devices. For example, the layout can 
easily be changed without a need to change the area references to the 
content, or the content can be changed simply by editing a binding element. 
Also, since style description and content are separated a change to the 
content can be made without needing to redefine its style or vice versa. 

25 

According to a second, different, aspect the invention provides a system for 
authoring content to be processed by a server comprising: 
a layout document processor for producing a layout document which defines 
at least one area of a document which includes the content to be published; 
30 binding element authoring means for defining at least one binding element 
which defines the identity and location of at least portion of content and at 
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least one style description which defines a style to be applied to a selected 
portion of content, and in which the layout document processor is arranged 
to allocate to the at least one defined area a director to at least one binding 
document of the or each binding element such that when processed the 
5 published document includes in the defined area the content as directed by 
the binding element in the style as directed by the binding element. 

According to a third aspect the invention provides a data structure that is 
suitable for processing by a server for rendering as a document, the data 
10 structure comprising: 

a layout document which defines at least one area of a document which 
includes the content to be published; 

at least one binding element which defines the identity and location of at 
least portion of content and at least one style description which defines a 

15 style to be applied to a selected portion of content; 

in which the layout document includes at least one binding document of the 
or each binding element allocated to at least one of the areas such that when 
processed the published document includes in the defined area the content 
as directed by the binding element in the style as directed by the binding 

20 element. 

The data structure may comprise one or more program files which each 
comprise a portion of code, which may be written in a mark-up language 
such as XML that can be processed by a web server. The files may be stored 
25 separately or may form a part of a single file. 

The data structure may comprise one or more discrete sections of machine 
readable data, a first section defining the a layout document, a second 
section defining the at least one binding element and a third section 
30 defining content, and a fourth section defining at least one style description. 
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The discrete sections may form part of a single file of machine readable 
data or separate files of machine readable data. 

Where the or each binding element comprises a separate file the or each 
5 director in the layout document may identify an associated binding element 
by its file name. 

According to a fourth aspect, the invention provides a data structure that is 
suitable for programming a processor of a computing device to author 

10 servable conent, the programmed processor being adapted to: author a 
layout document which defines at least one area of a document which 
includes the content to be published; author at least one binding element 
which defines the identity and location of at least a portion of content and at 
least one style description which defines a style to be applied to a selected 

15 portion of content; in which authoring the layout document includes 
allocating to the at least one defined area a director to at least one binding 
document of the or each binding element such that when processed the 
published document includes in the defined area the content as directed by 
the binding element in the style as directed by the binding element. 

20 

There will now be described, by way of example only, one embodiment of 
the present invention with reference to the accompanying drawings of 
which: 

25 Figure 1 schematically shows the architecture of a computer capable of 
acting as a server for this invention; 

Figure 2 is an example of a simple web page after it has been processed by 
a web browser and rendered on a display; 

30 
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Figure 3 is a flow chart of the steps performed in one example of a method 
in accordance with a first aspect of the invention; and 



Figure 4 is an overall representation of the directional relationships 
5 between a layout document, two portions of content and two style 
descriptions which are defined by a program in accordance with the third 
aspect of the present invention which may be rendered by a web browser to 
provide the web page of Figure 2; and 

10 This particular invention is applicable to distribute data electronically, and 
in particular web content via the World Wide Web, or in short the web. 
Such technology is well known. Generally the data to be distributed is held 
on a processing apparatus, or server 100, as shown in Figure 1, and can be 
requested by any number of devices that are capable of communicating with 

15 the server 100. 

In this embodiment the processing apparatus, or server 100, comprises a 
display 104, processing circuitry 106, a keyboard 108, and mouse 110. The 
processing circuitry 106 further comprises a processing unit 112, a hard 
20 drive 114, a video driver 116, memory 118 (RAM and ROM) and an I/O 
subsystem 120 which all communicate with one another, as is known in the 
art, via a system bus 122. The processing unit 112 comprises an INTEL™ 
PENTIUM™ series processor, running at typically between 2GHz and 
2.5GHz. 

25 

As is known in the art the ROM portion of the memory 118 contains the 
Basic Input Output System (BIOS) that controls basic hardware 
functionality. The RAM portion of memory 118 is a volatile memory used 
to hold instructions that are being executed, such as program code, etc. The 
30 hard drive 1 14 is used as mass storage for programs and other data. 
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Other devices such as CDROMS, DVD ROMS, network cards, etc. could be 
coupled to the system bus 122 and allow for storage of data, communication 
with other computers over a network, etc. 

5 The server 100 could have the architecture known as a PC, originally based 
on the IBM™ specification, but could equally have other architectures. The 
server may be an APPLE™, or may be a RISC system, and may run a 
variety of operating systems (perhaps HP-UX, LINUX, UNIX, 
MICROSOFT™ NT, AIX™, or the like). 

10 

In this embodiment web content, in this case a web-site, is held on the 
server 100. 

Figure 2 of the accompanying drawings shows a simple web page. The web 
15 page, when rendered, comprises four discrete areas of a web page 201, 202, 
203 and 204. The content in each area is the logo 205 in area 201, the 
horizontal block of text 206 in area 202, the vertical column of text 207 in 
area 204 and both the horizontal block of text 208 and the table of 
cars/prices 209 in area 203. 

20 

The web page is therefore defined by some web content (the text, logo and 
table) produced by an author which is written in a language that can be read 
by a web browser or server. The web content is in essence a piece of 
machine readable data, or computer program, which defines structure data 

25 that can be processed by the browser. The browser has a set of rules which 
permit it to extract the data from the structure and determine both how the 
document is to appear and what it contains. Several languages have now 
been established for the writing of the structured data with the most popular 
being the Extensible Mark-up Language (XML) which forms the basis of 

30 the example described hereinafter. 
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In one embodiment of the present invention, an author performs several 
steps in order to produce a set of data structured according to a set of rules 
as a computer program which may be rendered to produce the document of 
Figure 2 of the accompanying drawings. In these steps the author produces 
5 the following sections of data structure: 

A layout document 401; 
At least one binding element 402,403 
At least one portion of content 404,405; and 
10 A least one style description 406,407. 

The authoring of each section may be performed in any order so that the 
author can provide the layout document 401 before the content 404,405 or 
vice versa. However, all the sections must be produced before they can be 
15 passed as a whole to a web server for processing. Figure 3 of the 
accompanying drawings is a flow chart setting out, by way of example only, 
a typical set of steps which are to be performed in accordance with one 
embodiment of the invention to produce the simple web page of Figure 2. 

20 In a first step the author decides on the layout of the page whereafter a 
layout document 401 is produced 501 which formalises the chosen layout 
using rules defined by a language that can be understood by the browser. 

The layout document 401 defines the overall layout of the web page. As 
25 shown in Figure 2 the web page can be considered to comprise four areas- 
labelled Area 1, Area 2, Area 3 and Area 4, referenced by numerals 
201,202,203 and 204 respectively in Figures 2 and 3(a). This layout 
document of the example is a program file written in the XML programming 
language and is named "viewport. xml". Of course, other languages could be 
30 used. 
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In a next step 502, the author defines, for each area in the layout document, 
a director which directs a browser processing the XML portion to a binding 
element. 

An example of a suitable layout document, written in XML for use in 
producing the web page of Figure 2 is: 

XML Layout Description 

<viewport > 

<layout name="main-results" > 
<grid rows=" 2" colutnns = B 2"> 
<row name=" header " > 

<cell ref=" //areas /area [name= 'Areal • ] " /> 
<cell ref=" //are as /area [name= * Area2 1 ] " / > 
</row> 

<row name =" content " > 

<cell ref=" //areas /area [name= " Area3 1 ] " /> 
<cell ref = " //areas /area [name= 'Area4 1 ] "/> 
</row> 
</grid> 
</ layout > 
<areas> 

<area name=*Areal" width="30%" height = "3 0%" > 
< image > 

<content 

ref = "binding . xml#xpo inter ( //bindings /bind [@name= % Bindl '])"/> 
</image> 
</area> 

<area name= n Area2" width="70%" height = "3 0%" > 
<menu> 

<menu- item> 
<content 

ref = "binding . xml#xpointer (/ /bindings /bind [@name= * Bind2 '])"/> 
</menu- item> 

</menu> 
</area> 

</areas> 
</viewport > 
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After defining a layout document 401, an author may in a next step 503 
define all the binding elements 402,403 that are referred to by the directors 
in the layout document. As shown in Figure 4 a single XML file may be 
authored which contains a number of sections that each define a binding 
5 element. Each director references at least one of these sections, such as 
"bindl" for area 1, "bind 2*' for area 2 and so on. The XML file defining the 
binding elements 402,403 is named "binding. XML" and so in this example 
embedded within each area 201,202,203,204 of the layout document is a 
director of the form "binding. xml, bind n" where n is the number of the 
10 appropriate sub portion of the file. 

Also as shown in Figure 4, each section of the binding file, i.e. each binding 
element, is embedded with a director to a portion of content and a style 
description. Figure 4 only shows the content and style directors for Areas 1 
15 and 2 for simplicity. The skilled man will readily understand from this what 
files would be needed to complete the remaining two areas of the rendered 
document. 



A suitable file written in XML language for the bindings may be as follows: 

20 

<bind name="Bind2 " > 
<text ref= "Content . Xml#pointer {/ /text [@id= ' 0 01 ']) " 

style="Style.xml#pointer { //Attributesets/At tribut eSet [@name=' Style2 '])"/> 
</bind> 

25 

<bind name="Bindl"> 

<image ref= "logo.gif" style=" Style . xml#pointer 
(//Attributesets/AttributeSet [@narae=' Style2 '])"/> 
</bind> 

30 

Having authored the layout description and the binding elements, the author 
next may author 505 the required content 405,406 followed in a final step 
506 by authoring the required style descriptions. 
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In this example, the content for Area 1 is a logo image 404 authored as a 
.gif image file called "logo.gif \ Binding 1 refers to the name of this file. 
Similarly, the content for Area 2 is a portion of text which is written into a 
short file in XML language called "content.xml". Binding 1 refers to the 
5 name of this file. 

A file called "Style.xml" is also provided which contains two style 
descriptors 406,407 called "style 1" and "style 2". Style 1 is a portion of 
XML code which defines the style to be applied to the logo in area 1, whilst 
10 Style 2 defines the style to be applied to the text on Area 2. Each of the 
bindings includes the name of the style descriptor to be applied to the 
content. 

The Style, xml file may in this example have the form: 

15 

<;attributeSets> 

<AttributeSet name = "Style 2"> 

< at tribute name = " font - family" >Times<attribut e> 
< at tribute name=" font -size" >15pt </ at tribute > 
20 </attributeSet> 

<AttributeSet name = "Style 1^"> 

<attribute name="border-colour" >blue<at t ribute> 

< at tribute name =" border- size" >medium< /attribute > 
25 </attributeset > 

</attributeSets> 

30 It will therefore be seen that the layout document 401 does not directly refer 
to any specific content or style to be applied to that content. Indeed the 
identity and location of both the content and the style is completely 
unknown to the layout document. It is the binding elements 402,403 that 
direct the browser or server to the required content and style. This 

35 arrangement provides for a flexible method of authoring web content which 
provides for great flexibility in subsequent alteration to the web content. 
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When a requesting device such as a web server or browser requests the 
document the layout document is sent to the browser. In the process of 
reading this file the browser is instructed to add the content and style 
indicated by the directors to the binding elements. 

Many permutations of the method of the example may be made whilst 
remaining within the scope of the present invention. For example, the order 
in which the steps are performed can be varied. Layout documents, style 
descriptions, bindings and content may be authored ab initio, or pre- 
authored existing examples may be used where this is possible. For 
example, an existing portion of content such as a logo may be referenced by 
a newly authored binding element. Also, whilst the example given relates to 
a simple web page it will be appreciated that the method of the invention is 
applicable to a variety of types of document which may be hosted on a 
variety of types of device. 



